<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="公众号：码上致富">
    <meta name="author" content="码上致富">
    <title>文库系统模板-仿百度文库，原创力文档，开发者公众号：码上致富</title>
    <!-- 字体 -->
    <link rel="stylesheet" href="../../plugins/fontawesome-free-5.15.3-web/css/all.css">

    <!-- Bootstrap core CSS -->
    <link href="../../plugins/bootstrap-4.6.0/css/bootstrap.min.css" rel="stylesheet">

    <link href="../../static/css/style.css" rel="stylesheet">
    <style>
        #main {
            overflow: hidden;
            padding: 20px 0 40px 0;
        }

        #main .hd .help {
            margin: 0 0 20px 0;
            overflow: hidden;
        }

        #main .hd .help a {
            display: block;
            float: right;
            color: #2878FF;
        }

        #main .hd .tip {
            text-align: center;
            color: #FF0101;
        }

        #main .hd .path {
            width: 620px;
            margin: 0 auto 30px;
            overflow: hidden;
        }

        #main .hd .path .step,
        #main .hd .path .line {
            float: left;
        }

        #main .hd .path .step {
            width: 96px;
        }

        #main .hd .path .line {
            margin: 0 -28px;
            width: 222px;
            height: 20px;
            border-bottom: 1px dashed #999;
        }

        #main .hd .path span {
            display: block;
            margin: 0 auto 10px;
            width: 36px;
            height: 36px;
            line-height: 38px;
            border-radius: 50%;
            border: 2px solid #ddd;
            font-size: 18px;
            color: #aaa;
            text-align: center;
        }

        #main .hd .path span.font-color {
            border: 2px solid #2878FF;
            color: #FFF;
            background-color: #2878FF;
        }

        #main .hd .path span em {
            font-style: normal;
        }

        #main .hd .path span i {
            font-style: normal;
            font-size: 14px;
            color: #fff;
        }

        #main .hd .path .line-color {
            border-bottom: 1px dashed #2878FF;
        }

        #main .hd .path .type-color span {
            border: 2px solid #2878FF;
            color: #fff;
            background: #2878FF;
        }

        #main .hd .path small {
            display: block;
            margin: 0 auto;
            text-align: center;
            font-size: 16px;
            color: #999;
        }

        #main .hd .path .type-color small {
            color: #111;
        }

        #main .bd-types {
            padding: 0px 20px 20px 20px;
            width: 860px;
            margin: 0 auto;
            overflow: hidden;
        }

        #main .bd-types .tips {
            padding: 0 0 30px 0;
            text-align: center;
            font-size: 12px;
            color: #FF0101;
        }

        .type {
            float: left;
            margin: 0 30px 0 0;
            width: 390px;
            height: 600px;
            background: #ffffff;
            border-radius: 5px;
            transition: box-shadow .2s, transform .2s;
            cursor: pointer;
        }

        .type:hover {
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
        }

        .type:hover h3 {
            color: #2878ff;
        }

        .type-company {
            margin: 0;
        }

        .type .hd {
            margin: 40px 0 25px 0;
            color: #2878FF;
        }

        .type .hd i {
            margin: 0 auto;
            width: 59px;
            height: 59px;
            line-height: 59px;
            font-size: 59px;
            background-image: url(../../static/img/rz.png);
        }

        .type .hd i.icon-company {
            background-position: -66px 0;
        }

        .type h3 {
            font-size: 20px;
            font-weight: 700;
            text-align: center;
        }

        .type h4 {
            margin: 20px 0;
            text-align: center;
            color: #999;
            font-size: 15px;
        }

        .type dl.means {
            width: 112px;
            height: 180px;
            margin: 0 auto;
        }

        .type dl.means dt {
            margin: 0 0 10px 0;
            font-size: 10px;
        }

        .type dl.means dd {
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            color: #666;
        }

        .type .btns {
            text-align: center;
        }

        .type .btns .btn {
            display: inline-block;
            width: 164px;
            border-radius: 5px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            background: #2878ff;
        }

        .type .interests {
            margin: 22px 44px;
            border-top: 1px solid #eee;
        }

        .type .interests .title {
            height: 55px;
            line-height: 55px;
            text-align: center;
            font-size: 16px;
            color: #000;
        }

        .type .interests ul li {
            float: left;
            height: 30px;
            line-height: 30px;
            margin: 0 0 0 28px;
        }

        .type .interests ul li i {
            display: inline-block;
            margin: 0 5px 0 0;
            color: #2878FF;
        }

        .bd-auth {
            padding: 20px 0;
            background-color: #fff;
        }

        #form_auth .form-title {
            line-height: 20px;
            margin: 40px 0 40px;
            text-align: center;
            font-size: 20px;
        }

        #form_auth .form-title span {
            vertical-align: middle;
        }

        #form_auth .form-title i {
            color: #aaa;
            cursor: pointer;
        }

        #form_auth .form-title i:hover {
            color: #2878FF;
        }

        #form_auth .form-group {
            margin: 0 0 20px 0;
        }

        #form_auth .form-group dt {
            float: left;
            width: 420px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #333;
            text-align: right;
        }

        #form_auth .form-group dt i {
            margin: 0 4px 0 0;
            color: #FF0000;
        }

        #form_auth .form-group dd {
            overflow: hidden;
        }

        #form_auth .form-group dd.tip,
        #form_auth .form-group dd.error {
            margin: 0 0 0 420px;
        }

        #form_auth .form-group dd .file {
            position: relative;
            float: left;
            height: 116px;
        }

        #form_auth .form-group dd .file li {
            width: 190px;
            height: 114px;
            border: 1px dashed #ddd;
        }

        #form_auth .form-group dd .file img {
            width: 188px;
            height: 112px;
            margin: 0;
        }

        #form_auth .form-group dd .upload {
            float: left;
            width: 192px;
            height: 116px;
            border-radius: 3px;
            text-align: center;
            cursor: pointer;
            z-index: 10;
        }

        #form_auth .form-group dd .upload:hover .webuploader-pick {
            border-color: #2878FF;
            color: #2878FF;
        }

        #form_auth .form-group dd .upload:hover .webuploader-pick span,
        #form_auth .form-group dd .upload:hover .webuploader-pick i {
            color: #2878FF;
        }

        #form_auth .form-group dd .upload.upload-hide {
            margin: 0 0 0 -192px;
        }

        #form_auth .form-group dd .upload.upload-hide .webuploader-pick {
            border-color: transparent;
        }

        #form_auth .form-group dd .upload.upload-hide .webuploader-pick i,
        #form_auth .form-group dd .upload.upload-hide .webuploader-pick span {
            display: none;
        }

        #form_auth .form-group dd .upload small {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 80px;
            height: 28px;
            line-height: 28px;
            border-radius: 2px;
            margin: -15px 0 0 -40px;
            text-align: center;
            color: #fff;
            background: rgba(0, 0, 0, .5);
            opacity: 0;
            transition: opacity .3s;
        }

        #form_auth .form-group dd .upload.upload-hide:hover .webuploader-pick small {
            opacity: 1;
        }

        #form_auth .form-group dd.tip {
            line-height: 24px;
            font-size: 12px;
            color: #aaa;
        }

        #form_auth .form-group dd input.form-control {
            float: left;
            width: 400px;
            height: 38px;
            line-height: 38px;
            padding: 0 14px;
            border: 1px solid #ddd;
            border-radius: 3px;
            font-size: 14px;
            color: #111;
        }

        #form_auth .form-group dd input.form-control:focus {
            border-color: #2878FF;
        }

        #form_auth .form-group dd input.form-control[readonly] {
            background: #f7f7f7;
        }

        #form_auth .form-group dd input.form-control[readonly]:focus {
            border-color: #ddd;
        }

        #form_auth .form-group dd input.control-img-code,
        #form_auth .form-group dd input.control-phone-code {
            width: 266px;
        }

        #form_auth .form-group dd img {
            width: 120px;
            height: 38px;
            margin: 0 0 0 12px;
            border: 1px solid #eee;
            vertical-align: top;
            cursor: pointer;
        }

        #form_auth .form-group dd button.btn-phone-code {
            width: 120px;
            height: 38px;
            line-height: 38px;
            margin: 0 0 0 12px;
            border-radius: 3px;
            border: 1px solid #ddd;
            background: #f5f5f5;
            font-size: 14px;
            color: #666;
        }

        #form_auth .form-group .error {
            height: 24px;
            line-height: 24px;
            font-size: 14px;
            color: #fa0000;
        }

        #form_auth .form-group small.error {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            padding: 0 6px;
        }

        #form_auth .form-group .error-upload {
            display: inline-block;
            height: 116px;
            line-height: 116px;
            vertical-align: top;
            padding: 0 2px;
        }

        #form_auth .form-group dd>label {
            font-size: 12px;
            color: #999;
            margin: 0 0 0 30px;
            cursor: pointer;
        }

        #form_auth .form-group dd>label i {
            margin: -1px 10px 0 0;
        }

        #form_auth .form-group dd a {
            font-size: 12px;
            color: #2878FF;
        }

        #form_auth .form-btn {
            margin: 40px 0;
            text-align: center;
        }

        #form_auth .form-btn .btn {
            display: inline-block;
            width: 110px;
            height: 40px;
            line-height: 40px;
            margin: 0 20px 0 0;
            vertical-align: middle;
            border-radius: 5px;
            border: 0;
            font-size: 14px;
            color: #fff;
            background: #2878ff;
        }

        #form_auth .form-btn .btn.btn-auth-prev {
            border: 1px solid #ddd;
            background: transparent;
            color: #999;
        }

        .bd-auth .explain {
            line-height: 24px;
            margin: 0 0 0 340px;
            font-size: 12px;
            color: #666;
        }

        .bd-auth .explain dt {
            color: #010101;
            font-weight: 700;
        }

        #btn_change_phone {
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            vertical-align: top;
            border: 0;
            color: #2878ff;
            background: transparent;
        }

        #header {
            position: relative;
            z-index: 99;
            width: 100%;
            height: 68px;
            background: #2878FF;
        }

        #header .logo {
            float: left;
            width: 152px;
            height: 40px;
            padding: 14px 0;
        }

        #header .logo a {
            display: block;
            overflow: hidden;
        }

        #header .logo a img {
            float: left;
            width: 40px;
            height: 40px;
        }

        #header .logo a strong,
        #header .logo a span {
            display: block;
            margin-left: 46px;
        }

        #header .logo a strong {
            height: 24px;
            line-height: 24px;
            font-size: 18px;
            font-weight: 600;
            color: #fff;
        }

        #header .logo a span {
            height: 16px;
            line-height: 16px;
            font-size: 12px;
            color: #fff;
        }

        #header ul.menu {
            float: right;
            height: 68px;
        }

        #header ul.menu>li {
            position: relative;
            float: left;
            padding: 15px 0 15px 30px;
        }

        #header ul.menu>li>a {
            display: block;
            height: 52px;
            line-height: 38px;
            overflow: hidden;
            color: #fff;
        }

        #header ul.menu>li>a>i {
            display: inline-block;
            font-size: 20px;
            font-weight: 400;
        }

        #header ul.menu>li>a>img {
            display: inline-block;
            margin: 7px 0;
            width: 22px;
            height: 22px;
            border: 1px solid #eee;
            border-radius: 12px;
        }

        #header ul.menu>li>a>span {
            display: inline-block;
            padding: 0 0 0 5px;
            width: 72px;
            height: 38px;
            line-height: 38px;
            vertical-align: bottom;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 12px;
        }

        #header ul.menu .login-out {
            position: absolute;
            display: none;
            top: 69px;
            left: 12px;
            width: 118px;
            height: 52px;
            overflow: inherit;
            line-height: 52px;
            text-align: center;
            color: #666;
            background: #ffffff;
            border-radius: 3px;
            box-shadow: 0px 2px 6px 0px #666;
        }

        #header ul.menu .login-out:before {
            content: "";
            width: 0px;
            height: 0px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
            position: absolute;
            top: -10px;
            left: 49px;
        }

        #footer {
            width: 100%;
            min-height: 50px;
            overflow: hidden;
            background-color: transparent;
        }

        #footer .copyright {
            width: 1200px;
            margin: 0 auto;
            padding: 10px 0;
            line-height: 30px;
            font-size: 12px;
            color: #888;
            text-align: center;
        }

        #footer .copyright span {
            display: inline-block;
            *zoom: 1;
            _display: inline;
        }

        #footer .footer-police {
            width: 22px;
            height: 22px;
            background-position: -82px -2px;
            background-image: url("../images/icon/common.png");
        }

        .result {
            padding: 200px 0 165px;
            background: #fff;
        }

        .result i.icon-result {
            width: 96px;
            height: 96px;
            line-height: 96px;
            margin: 0 auto 33px;
            font-size: 96px;
        }

        .result i.icon-wait {
            color: #10AEFF;
        }

        .result i.icon-success {
            color: #09bb07;
        }

        .result span {
            display: block;
            text-align: center;
        }

        .result span.finish {
            font-size: 20px;
            padding-bottom: 16px;
        }

        .result span.wait {
            color: #999999;
        }

        .result a {
            display: inline-block;
            margin: 43px auto 0;
            width: 110px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .result .infor {
            border: 1px solid #2878ff;
            border-radius: 5px;
            color: #2878FF;
        }

        .result .upload {
            margin: 0 0 0 14px;
            border: 1px solid #2878ff;
            border-radius: 5px;
            color: #fff;
            background: #2878FF;
        }

        #error-layer {
            width: 498px;
            height: 262px;
            padding: 40px 0 0;
            background: #fff;
        }

        #error-layer .icon-error {
            height: 48px;
            width: 48px;
            margin: 0 auto 22px;
            line-height: 48px;
            font-size: 48px;
            color: #ee3b2c;
        }

        #error-layer span {
            display: block;
            text-align: center;
        }

        #error-layer span.fail {
            margin: 0 0 14px 0;
            font-size: 18px;
            font-weight: 500;
        }

        #error-layer span.change {
            margin: 0 30px 24px;
            color: #999;
        }

        #error-layer span a {
            display: inline-block;
            width: 202px;
            margin: 0 5px;
            padding: 21px 0;
            border: 1px solid #2878ff;
            border-radius: 5px;
            color: #fff;
            background: #2878ff;
        }

        #error-layer span a.artificial {
            background: #fff;
            color: #2878ff;
        }

        #error-layer span a small {
            display: block;
            padding: 5px 0 0;
        }

        .upload .webuploader-pick {
            width: 100%;
            height: 114px;
            padding: 0;
            border: 1px dashed #ddd;
        }

        .upload .webuploader-pick i {
            display: inline-block;
            margin: 32px 0 0;
            color: #aaa;
        }

        .upload .webuploader-pick span {
            display: block;
            font-size: 14px;
            color: #aaa;
        }
    </style>
</head>

<body>
    <div id="top-navbar" class="fixed-top">
        <nav class="navbar navbar-expand-lg navbar-dark bg-nav">
            <div class="container-xl top">
                <a class="nav-a" href="#">easy文库-文档分享平台</a>
                <span>欢迎来到easy文库-文档分享平台 ！[免费注册] | [登录] | 帮助中心 </span>
            </div>
        </nav>
    </div>
    <div id="main">
        <div class="container">
            <div class="hd">
                <div class="help">
                    <a href="/college/category2/article638.html" target="_blank" title="查看帮助">查看帮助 &gt;</a>
                </div>
                <div class="path">
                    <div class="step type-color">
                        <span>
                            <em>1</em>
                        </span>
                        <small>选择认证类型</small>
                    </div>
                    <div class="line line-color"></div>
                    <div class="step step-two ">
                        <span>
                            <em>2</em>
                        </span>
                        <small>提交认证信息</small>
                    </div>
                    <div class="line "></div>
                    <div class="step step-three">
                        <span>
                            <em>3</em>
                        </span>
                        <small>完成认证</small>
                    </div>
                </div>
            </div>
            <div class="bd bd-types">
                <div class="tips">
                    *同一手机号只能申请一种类型的认证并且无法改变认证类型，请根据自身情况申请
                </div>
                <div class="type">
                    <div class="hd"><i class="icon iconfont icon-personal"></i></div>
                    <h3>个人认证</h3>
                    <h4>适用于独立的个人用户，拥有独立生产文档内容的能力</h4>
                    <dl class="means">
                        <dt>需提供以下资料：</dt>
                        <dd>• 个人姓名</dd>
                        <dd>• 个人身份证</dd>
                        <dd>• 手机号码</dd>
                    </dl>
                    <div class="btns">
                        <a title="立即加入" href="javascript:;" class="btn join"
                            data-url="/user_center_v1/home/auth/index/from/personal.html">立即加入</a>
                    </div>
                    <div class="interests">
                        <div class="title">认证权益</div>
                        <ul>
                            <li><i class="fas fa-check-circle"></i>可上传文档</li>
                            <li><i class="fas fa-check-circle"></i>可申请收益提现</li>
                        </ul>
                    </div>
                </div>
                <div class="type type-company">
                    <div class="hd"><i class="icon icon-company"></i></div>
                    <h3>企业认证</h3>
                    <h4>适用于具有团队运营能力与拥有大量文档内容的企业用户</h4>
                    <dl class="means">
                        <dt>需提供以下资料：</dt>
                        <dd>• 企业营业执照</dd>
                        <dd>• 企业名称</dd>
                        <dd>• 运营者姓名</dd>
                        <dd>• 运营者身份证</dd>
                        <dd>• 手机号码</dd>
                    </dl>
                    <div class="btns">
                        <a title="立即加入" href="javascript:;" class="btn join"
                            data-url="/user_center_v1/home/auth/index/from/easy.html">立即加入</a>
                    </div>
                    <div class="interests">
                        <div class="title">认证权益</div>
                        <ul>
                            <li><i class="fas fa-check-circle"></i>可上传文档</li>
                            <li><i class="fas fa-check-circle"></i>可申请收益提现</li>
                            <li><i class="fas fa-check-circle"></i>可开通机构文档</li>
                            <li><i class="fas fa-check-circle"></i>可开通知识服务</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="../../plugins/bootstrap-4.6.0/js/bootstrap.bundle.min.js"></script>
</body>

</html>